<!DOCTYPE html>
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>提醒挪车</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="" />
	<meta name="keywords" content="" />

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css/materialize.min.css" />
	<link rel="stylesheet" href="css/icons.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" />
	<link rel="stylesheet" type="text/css" href="css/color.css" />
	
	<style>
		.content-area{
			margin-left : 0;
			width: 100%;
		}
		.activity{
			width: 100%;
			padding-left : 20px;
			margin:0;
 			display: none;
		}
		.activity h4{
		    width: 100%;
    		max-width: 100%;
    		margin: 8px 0 8px;
		}
		.topbar{
			margin:0;
			padding:0;
		}
		input[type=text][readonly="readonly"]{
			color:#000;
		}
		
	</style>
	
</head>
<body>
	<div class="topbar">
		<div class="activity">
			<h4 class="cd-headline clip is-full-width" style="text-align:left">
	                <span id="msgType" class="alert success">Success</span><span id="msgText"></span>
			</h4>
		</div><!-- Activity -->

	</div><!-- Top Bar -->

	<div class="content-area">
		<div class="masonary">
			<div class="col s12">
				<div class="widget z-depth-1">
					<div class="loader"></div>								
					<div class="widget-title">
						<h3>车主信息</h3>
<!-- 								<p>完成车牌和手机号的绑定</p> -->
					</div>
					<form id="reminding-form" action="#">
						<div class="input-field">
							<label for="carNum">车牌</label>
							<input id="carNum" name="carNum" readonly="readonly" type="text" />
						</div>
						<div class="input-field">
							<label for="mobileNum">手机号</label>
							<input id="mobileNum" name="mobileNum" readonly="readonly" type="text" />
						</div>
							<a class="btn waves-effect waves-light red" type="button" id="btnReminding">提醒</a>
					</form>
				</div><!-- Widget -->
			</div>
		</div>
	</div><!-- Content Area -->

	<div id="qrcodeModal" class="modal">
			<a href="#!" class="modal-action modal-close"><img id="closeImg" src="img/close.png" /></a>
		<div class="modal-content">
			<img id="qrcode" width="100%" />
		</div>
	</div>
	
 	<script src="js/jquery.min.js"></script>
  	<script src="js/jquery.steps.min.js"></script>
 	<script src="js/materialize.min.js"></script>
 	<script src="js/enscroll-0.5.2.min.js"></script>
 	<script src="js/animate-headline.js"></script>
  	<script src="js/slick.min.js"></script>
	<script src="js/script.js" type="text/javascript"></script>
 	<script src="js/isotope.js"></script>
 	
 	<script type="text/javascript">
	 	function get_paras(name){
		     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
		     var r = window.location.search.substr(1).match(reg);
		     if(r!=null)return  unescape(r[2]); return null;
		}
 			
		var carNum = get_paras("carNum");
		if(carNum != null && carNum != "undefined"){
			carNum = decodeURI(decodeURI(carNum,"utf-8"),"utf-8")
		}
		var mobileNum = get_paras("mobileNum");
		var openID = get_paras("user");
		
		$("#carNum").val(carNum);
		$("#mobileNum").val(mobileNum);
			
		$("#btnReminding").bind("click",function(){
			$("#msgType").removeClass();
			$("#msgText").text();
			$(".activity").hide();
			$.post("v_reminding.do",{"carNum":$("#carNum").val(),"mobileNum":$("#mobileNum").val(),"openID":openID},function(data){
				if(data.indexOf("成功") > -1){
					$("#msgType").addClass("alert success");
					$("#msgType").text("Success");
				}else{
					$("#msgType").addClass("alert error");
					$("#msgType").text("Error");
				}
				$("#msgText").text(data);
				$(".activity").show();
				$(".activity").delay(3000).fadeOut();
			},"json");
		});
	</script>
</body>
</html>





